<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <link th:replace="publicPart ::commonHead">

    <script src="../static/jQuery/showdown.min.js" th:src="@{/jQuery/showdown.min.js}"></script>
    <script th:src="@{/jQuery/highlight.min.js}"></script>
    <link href="../static/css/gruvbox-light-hard.min.css" rel="stylesheet" type="text/css" th:href="@{/css/gruvbox-light-hard.min.css}">
    <link href="../static/css/blogShow.css" rel="stylesheet" type="text/css" th:href="@{/css/blogShow.css}">

    <style>
        #main{
            background-color: #20c997;
            background-image: url("https://cdn.acwing.com/static/web/img/background.png");
        }
    </style>

</head>
<body>

<div id="back_top" class="box3">
    <img src="https://g.csdnimg.cn/side-toolbar/3.0/images/fanhuidingbucopy.png" alt="" srcset="">
</div>

<div id="main" >
<!--    导航栏-->
    <div th:replace="publicPart :: navbar"></div>
<!--    <button type="button" th:text="${msg}"></button>-->
    <div class="container" style="margin-top: 60px">
        <div class="row">
            <div class="col-lg-12">
                <div class="blog-detail border-0 rounded">
<!--                    <img src="https://static.runoob.com/images/mix/img_fjords_wide.jpg" class="img-fluid rounded">-->
                    <div class="card mt-2 shadow rounded"id="blogcontent"></div>
                    <div class="card shadow rounded border-0 mt-2" >
                        <h3 class="card-title mb-0">评论</h3>
                        <div id="comment-body" class="comment body">
                            <ul class="comment-list">
                                <div id="start"></div>
                                <div class="insert-replace"></div>
                                <div>
                                    <textarea id="com-content" class="col-10" rows="3" placeholder="在这里评论:"></textarea>
                                </div>
                                <button type="button" id="btncomment" class="btn btn-primary rounded mt-2">提交评论</button>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--js使得鼠标滚动触发回到顶部-->

</body>
<script type="text/javascript" src="../static/js/blogShow.js" th:src="@{/js/blogShow.js}"></script>
<script type="text/javascript" src="../static/js/publicPart.js" th:src="@{/js/publicPart.js}"></script>

</html>